<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta charset="utf-8" />
        <title>登录-<?php Bootstrap::displayTemplateConfig("projectTitle");  ?>后台管理</title>

        <meta name="description" content="User login page" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

        <!-- bootstrap & fontawesome -->
        <link rel="icon" href="http://static.loopsports.cn/server/pic/logo.png" type="image/x-icon">
        <link rel="shortcut icon" href="http://static.loopsports.cn/server/pic/logo.png" type="image/x-icon">
        <link rel="stylesheet" href="/admin_resources/assets/css/bootstrap.min.css" />
        <link rel="stylesheet" href="/admin_resources/assets/css/font-awesome.min.css" />

        <!-- text fonts -->
        <link rel="stylesheet" href="/admin_resources/assets/css/ace-fonts.css" />

        <!-- ace styles -->
        <link rel="stylesheet" href="/admin_resources/assets/css/ace.min.css" />

        <!--[if lte IE 9]>
                <link rel="stylesheet" href="/admin_resources/assets/css/ace-part2.min.css" />
        <![endif]-->
        <link rel="stylesheet" href="/admin_resources/assets/css/ace-rtl.min.css" />

        <!--[if lte IE 9]>
          <link rel="stylesheet" href="/admin_resources/assets/css/ace-ie.min.css" />
        <![endif]-->
        <link rel="stylesheet" href="/admin_resources/assets/css/ace.onpage-help.css" />

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

        <!--[if lt IE 9]>
        <script src="/admin_resources/assets/js/html5shiv.js"></script>
        <script src="/admin_resources/assets/js/respond.min.js"></script>
        <![endif]-->
    </head>

    <body class="login-layout light-login">
        <div class="main-container">
            <div class="main-content">
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1">
                        <div class="login-container">
                            <div class="center">
                                <h1>
                                    <i class="ace-icon fa fa-leaf green"></i>
                                    <span class="red"><?php Bootstrap::displayTemplateConfig("projectTitle");  ?></span>
                                    <span class="white-opaque" id="id-text2">管理平台登录</span>
                                </h1>
                                <h4 class="blue" id="id-company-text">&copy; loopsports.cn</h4>
                            </div>

                            <div class="space-6"></div>

                            <div class="position-relative">
                                <div id="login-box" class="login-box visible widget-box no-border">
                                    <div class="widget-body">
                                        <div class="widget-main">
                                            <?php
                                            $errmsg = "";

                                            $formErrorMessages = $form->getMessages();
                                            if ($formErrorMessages) {
                                                $errmsg = current($formErrorMessages);
                                            }
                                            if (!empty($result) && $result["errno"] > 0) {
                                                $errmsg = $result["errmsg"];
                                            }
                                            ?>
                                            <?php if ($errmsg): ?>
                                                <h4 class="header red lighter bigger">
                                                    <i class="ace-icon fa fa-coffee red2"></i>
                                                    <?php echo $errmsg; ?>
                                                </h4>
                                            <?php endif; ?>

                                            <div class="space-6"></div>

                                            <form id="loginForm" method="POST">
                                                <fieldset>
                                                    <label class="block clearfix">
                                                        <span class="block input-icon input-icon-right">
                                                            <input type="text" id="Username" name="admin_email" class="form-control" placeholder="邮箱" />
                                                            <i class="ace-icon fa fa-envelope"></i>
                                                        </span>
                                                    </label>

                                                    <label class="block clearfix">
                                                        <span class="block input-icon input-icon-right">
                                                            <input type="password" id="Password" name="admin_password" class="form-control" placeholder="密码" />
                                                            <i class="ace-icon fa fa-lock"></i>
                                                        </span>
                                                    </label>

                                                    <div class="clearfix">

                                                        <label class="inline">
                                                            <input type="text" id="Auth" name="check_auth"  placeholder="验证码" />
                                                        </label>
                                                        <image src="/admin/login/checkauth/" title="看不清？点击更换另一个验证码。" onclick="this.src = '/admin/login/checkauth/&' + Math.random()"/>
                                                    </div>

                                                    <div class="clearfix" align="center">
                                                        <button type="submit" id="loginBtn" class="width-35 pull-right btn btn-sm btn-primary" align = "center" style="width:100%!important;">
                                                            <i class="ace-icon fa fa-key" align="center"></i>
                                                            <span class="bigger-110" align="center">登录</span>
                                                        </button>
                                                    </div>

                                                    <div class="space-4"></div>
                                                </fieldset>
                                            </form>
                                        </div><!-- /.widget-main -->
                                    </div><!-- /.widget-body -->
                                </div><!-- /.login-box -->
                            </div>
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!-- /.main-content -->
            </div><!-- /.main-container -->

            <!-- basic scripts -->

            <!--[if !IE]> -->
            <script type="text/javascript">
                window.jQuery || document.write("<script src='/admin_resources/assets/js/jquery.min.js'>" + "<" + "/script>");
            </script>

            <!-- <![endif]-->

            <!--[if IE]>
    <script type="text/javascript">
    window.jQuery || document.write("<script src='/admin_resources/assets/js/jquery1x.min.js'>"+"<"+"/script>");
    </script>
    <![endif]-->
            <script type="text/javascript">
                if ('ontouchstart' in document.documentElement)
                    document.write("<script src='/admin_resources/assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
            </script>

            <!-- inline scripts related to this page -->
            <script type="text/javascript">
                $(document).ready(function () {
                    $("#Username").focus();
                    $('#loginBtn').click(function () {
                        var adminName = $("#Username").val();
                        var adminPwd = $("#Password").val();
                        var adminAuth = $("#Auth").val();
                        if ('' == adminName || 2 > adminName.length) {
                            alert('请输入用户名');
                            return false;
                        }
                        if ('' == adminPwd || 2 > adminPwd.length) {
                            alert('请输入密码');
                            $("#Password").focus();
                            return false;
                        }
                        if ('' == adminAuth || 4 != adminAuth.length) {
                            alert('请输入验证码');
                            $("#Auth").focus();
                            return false;
                        }
                        $("#loginForm").submit();
                    });
                });
            </script>
    </body>
</html>
